<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="utf-8">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="shortcut icon" href="/static/img/kurento.png" type="image/png"/>

    <link rel="stylesheet"
          href="webjars/bootstrap/3.3.6/dist/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="webjars/ekko-lightbox/4.0.2/dist/ekko-lightbox.min.css">
    <link rel="stylesheet" href="/static/css/kurento.css">

    <script src="webjars/jquery/1.12.3/dist/jquery.min.js"></script>
    <script src="webjars/bootstrap/3.3.6/dist/js/bootstrap.min.js"></script>
    <script src="webjars/ekko-lightbox/4.0.2/dist/ekko-lightbox.min.js"></script>
    <script src="webjars/webrtc-adapter/6.1.0/release/adapter.js"></script>

    <script src="/static/js/Screen-Capturing.js"></script>
    <script src="js/kurento-utils.js"></script>
    <script src="/static/js/test.js"></script>
    <title>Kurento</title>
</head>
<body>

<div class="container">
    <h2 id="room-header"></h2>
    <div id="room" class="row">
        <div class="col-sm-9">
            <div id="videoBig">
                <video id="screenVideo" autoplay width="100%" height="auto"
                       poster="/static/img/webrtc.png"></video>
            </div>
        </div>
        <div class="col-sm-3">
            <video id="video" autoplay width="320px" height="240px"
                   poster="/static/img/webrtc.png"></video>
            <br>
            <span id="onlineCount"></span>
        </div>
    </div>
</div>

</body>
</html>
